<template>
	<div class="TeacherStudentDiscuss">
		<div class="bottom-content">
			<div class="bottom-content-option">
				<div class="bottom-content-option-img">
					<img src="../../assets/tou1.jpg" class="tou-img" />
				</div>
				<div class="bottom-content-option-teacher">XXX学生</div>
				<div class="bottom-content-option-answer">提问</div>
				<div class="bottom-content-option-student">XXX老师：</div>
				<div class="bottom-content-option-reply">这是提问的内容，这是提问的内容，这是提问的内容。</div>
			</div>
			<div class="bottom-content-option">
				<div class="bottom-content-option-img">
					<img src="../../assets/tou2.jpg" class="tou-img" />
				</div>
				<div class="bottom-content-option-teacher">XXX教师</div>
				<div class="bottom-content-option-answer">回复</div>
				<div class="bottom-content-option-student">XXX学生：</div>
				<div class="bottom-content-option-reply">这是回复的内容，这是回复的内容，这是回复的内容。</div>
			</div>
			<div class="bottom-content-option">
				<div class="bottom-content-option-img">
					<img src="../../assets/tou3.jpg" class="tou-img" />
				</div>
				<div class="bottom-content-option-teacher">XXX教师</div>
				<div class="bottom-content-option-answer">回复</div>
				<div class="bottom-content-option-student">XXX学生：</div>
				<div class="bottom-content-option-reply">这是回复的内容，这是回复的内容，这是回复的内容。</div>
			</div>
			<div class="bottom-content-option">
				<div class="bottom-content-option-img">
					<img src="../../assets/tou4.jpg" class="tou-img" />
				</div>
				<div class="bottom-content-option-teacher">XXX教师</div>
				<div class="bottom-content-option-answer">回复</div>
				<div class="bottom-content-option-student">XXX学生：</div>
				<div class="bottom-content-option-reply">这是回复的内容，这是回复的内容，这是回复的内容。</div>
			</div>
			<div class="bottom-content-option">
				<div class="bottom-content-option-img">
					<img src="../../assets/tou5.jpg" class="tou-img" />
				</div>
				<div class="bottom-content-option-teacher">XXX教师</div>
				<div class="bottom-content-option-answer">回复</div>
				<div class="bottom-content-option-student">XXX学生：</div>
				<div class="bottom-content-option-reply">这是回复的内容，这是回复的内容，这是回复的内容。</div>
			</div>
			<div class="bottom-content-option">
				<div class="bottom-content-option-img">
					<img src="../../assets/tou6.jpg" class="tou-img" />
				</div>
				<div class="bottom-content-option-teacher">XXX教师</div>
				<div class="bottom-content-option-answer">回复</div>
				<div class="bottom-content-option-student">XXX学生：</div>
				<div class="bottom-content-option-reply">这是回复的内容，这是回复的内容，这是回复的内容。</div>
			</div>
		</div>
	</div>
</template>
<style>
	 .tou-img {
	   width: 50px;
	   height: 50px;
	   border-radius: 50%;
	   overflow:hidden;
	   margin-left: 10px;
	 }

	.bottom-content-option {
		width: 100%;
		margin-left: 15px;
	}

	.bottom-content-option {
		margin-top: 20px;
	}

	.bottom-content-option>div {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	} 
</style>
